<template>
    <div>
        <van-swipe class="my-swipe" @change="onChange" :autoplay="1500" indicator-color="skyblue">
            <van-swipe-item class="van-swipe-item"> <img src="../../assets/img/yao.jpg"></van-swipe-item>
            <van-swipe-item class="van-swipe-item"><img src="../../assets/img/yun.png"></van-swipe-item>
            <van-swipe-item class="van-swipe-item"><img src="../../assets/img/libai.png"></van-swipe-item>
            <van-swipe-item class="van-swipe-item"><img src="../../assets/img/bai.png"></van-swipe-item>
        </van-swipe>
    </div>
</template>

<script setup>

</script>

<style  scoped>
.my-swipe {
    width: 100%;
    height: 10rem;
    background-color: skyblue;
}

.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
}

.van-swipe-item img {
    width: 100%;
    height: 100%;
}
</style>